<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>业务处理</title>
    <link rel="stylesheet" href="../../css/element.css">
    <link rel="stylesheet" href="../../css/base.css">


</head>

<body>
<div id="businessmsg">

    <!--    内容-->
    <div style="color: black; font-size: 20px; margin: 10px 0">业务管理</div>
    <div style="height: 1px; background-color: white"></div>
    <el-input v-model="search" style="width: 40%;" suffix-icon="el-icon-search"
              placeholder="请输入业务名称或者编号按回车搜索" @keyup.enter.native="loadTable"></el-input>
    <!--                <el-button @click="createbusiness" type="primary" size="mini" style="margin: 10px 0">新建业务</el-button>-->
    <!--                <el-button @click="exp" type="primary" size="mini" style="margin: 10px 0">导出</el-button>-->
    <el-table
            :data="tableData"
            baorder
            style="width: 100%">
        <el-table-column
                v-for="item in props1"
                :prop="item.prop"
                :label="item.label"

        >
        </el-table-column>
        <el-table-column
                fixed="right"
                label="操作"
                width="100">
            <template slot-scope="scope">
                <el-button @click="edit(scope.row)" type="text">详细信息</el-button>
                <el-button @click="manage(scope.row)" type="text">处理</el-button>
                <el-popconfirm
                        @onConfirm="returnback(scope.row.id)"
                        title="确定驳回？"
                >
                    <el-button type="text" slot="reference">驳回</el-button>
                </el-popconfirm>
            </template>
        </el-table-column>
    </el-table>
    <!-- 分页 -->
    <div style="background-color: white">
        <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="pageNum"
                :page-sizes="[5, 10, 20, 40]"
                :page-size="pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total">
        </el-pagination>
    </div>
    <el-dialog title="新建业务" :visible.sync="dialogFormVisible" width="70%"
               close-on-click-modal="false" close-on-press-escape="false" show-close="false">
        <el-table
                :data="hisdata"
                border
                style="width: 100%">
            <el-table-column
                    v-for="item in props"
                    :prop="item.prop"
                    :label="item.label"

            >
            </el-table-column>

        </el-table>

        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogFormVisible = false">关 闭</el-button>
            <!--                        <el-button type="primary" @click="save">新 建</el-button>-->
        </div>

    </el-dialog>
</div>

</body>
<script src="../../js/vue.min.js"></script>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/element.js"></script>
<script src="../../js/base.js"></script>

<script type="text/javascript">
    <!--    js内容 -->
    function user() {
        let urlBase = "/business";
        new Vue({
            el: "#businessmsg",
            data() {
                return {
                    user: {},
                    tableData: [],
                    tableData1: [],
                    pageNum: 1,
                    pageNum1: 1,
                    pageSize: 5,
                    pageSize1: 5,
                    total: 0,
                    total1: 0,
                    dialogFormVisible: false,
                    entity: {},
                    isCollapse: false,
                    search: '',
                    options: [],
                    hisdata: [],
                    props: [{"label": "时间", "prop": "data"}, {
                        "label": "操作医生",
                        "prop": "doctor"
                    }, {"label": "操作内容", "prop": "option"}],
                    props1: [{"label": "业务序号", "prop": "id"}, {
                        "label": "源项目编号",
                        "prop": "bussinessid"
                    }, {"label": "当前所在的流程", "prop": "currentprocess1"}, {
                        "label": "处理医生",
                        "prop": "currentposition"
                    }]

                }
            },
            created() {
                this.user = sessionStorage.getItem("user") ? JSON.parse(sessionStorage.getItem("user")) : {};
                this.loadTable();
            },
            mounted() {
                this.initpage();
            },
            methods: {
                manage(obj) {
                    $.get(urlBase + "/gethisturl?id=" + obj.id).then(res => {

                        console.log(res);
                        // let url =
                        // alert(res.frontpath+"?currentbussnessnum="+obj.bussinessid);
                        location.href = res.data.frontpath + "?currentbussnessnum=" + obj.id;
                    })
                },
                initpage() {
                    $.ajax({
                        url: "/user/getuser",
                        type: type,
                        contentType: "application/json",
                        data: JSON.stringify(this.user)
                    }).then(res => {
                        console.log(this.user);
                    })
                },
                createt(data) {
                    console.log(urlBase + "initprocess&bussinessnum=" + data.id);
                    $.get(urlBase + "initprocess?&bussinessnum=" + data.id).then(res => {
                        // alert(res.data.frontpath);
                        console.log(res);
                        location.href = "../../" + res.data.frontpath + "?currentbussnessnum=" + res.data.currentbussnessnum;
                    })
                },
                handleCollapse() {
                    this.isCollapse = !this.isCollapse;
                },
                loadTable() {
                    // urlBase + "/getallbusinessmsg?pageNum=" + this.pageNum + "&pageSize=" + this.pageSize
                    $.get(urlBase + "/getallbusinessmsg?pageNum=" + this.pageNum + "&pageSize=" + this.pageSize).then(res => {
                        console.log(this.pageNum);
                        console.log(this.pageSize);
                        console.log(res);
                        this.tableData = res.data.records;
                        this.total = res.data.total;
                    })

                    $.get("/role").then(res => {
                        this.options = res.data;
                    })
                },

                handleSizeChange(pageSize) {
                    this.pageSize = pageSize;
                    this.loadTable();
                },
                handleCurrentChange(pageNum) {
                    this.pageNum = pageNum;
                    this.loadTable();
                },
                // handleSizeChange1(pageSize) {
                //     this.pageSize1 = pageSize;
                //     this.createbusiness();
                // },
                // handleCurrentChange1(pageNum) {
                //     this.pageNum1 = pageNum;
                //     this.createbusiness();
                // },
                //找到该用户所能创建的业务,传入的是user.jobnum
                createbusiness() {
                    $.get(urlBase + "/businesscreatemsg?pageNum=" + this.pageNum1 + "&pageSize=" + this.pageSize1 + "&doctorid=" + this.user.jobnum).then(res => {
                        this.tableData1 = res.data.records;
                        this.total1 = res.data.total;
                        console.log(this.tableData1);
                    })

                    this.dialogFormVisible = true;
                },

                edit(obj) {
                    console.log(obj)
                    this.dialogFormVisible = true;
                    //businessid
                    $.get(urlBase + "gethis?businessid=" + obj.id).then(res => {
                        this.hisdata = res.data;

                    })
                },
                returnback(id) {
                    $.ajax({
                        url: urlBase + "reject",
                        type: "POST",
                        contentType: "application/json",
                        data: JSON.stringify({
                            currentbussnessnum: id,
                            rejectmsg: "reject"
                        })
                    }).then(res => {
                        if (res.code === '0') {
                            this.$message({
                                message: "成功",
                                type: "success"
                            })
                            this.loadTable();
                        } else {
                            this.$message({
                                message: res.msg,
                                type: "error"
                            })
                        }
                    })
                }
            }
        })

    }


    user();


</script>


</html>